<template>
	
		<movable-area class="movable-area">
			<movable-view class="movable-view" :x="x" :y="y" direction="all">
				 <view class="price_share33">
					 
				    <image style="width: 54rpx;height: 40rpx;" :src="api_url+'/static/upload/image/incubate/email.png'" v-if="!is_message"></image>
				    <image style="width: 54rpx;height: 40rpx;" :src="api_url+'/static/upload/058706d5271ea468/08a4e1091b19b73c.png'" v-if="is_message"></image>	
					 <span class="mt-5">收件箱</span>
				</view>
			</movable-view>
		</movable-area>

</template>
 
<script>
	export default {
		props: {
		  //点击遮罩 是否可关闭
		  //显示操作菜单
		  is_message: {
		       type:Number,
		     },
		  },
		data() {
			return {
				...getApp().globalData.config,
				x: 310,		//x坐标
				y: 670,		//y坐标
			}
		}
	}
</script>
 
<style lang="scss">
	$all_width: 96rpx;
	$all_height:96rpx;
	.custom-btn-textt {
	  position: absolute;
	      top: 0px;
	      height: 30rpx;
	      line-height: 42rpx;
	      font-size: 26rpx;
	      color: #ffffff;
	      margin-left: 39rpx;
	      min-width: 38rpx;
	      min-height: 40rpx;
	      text-align: center;
	      border-radius: 50%;
	  background-color:#FF3B3B;
	}
	.price_share33{
	   width: 115rpx;
	   height: 115rpx;
	   background: #868080;;
	   border-radius: 50%;
	   
		display: flex;
		flex-direction: column;
		font-size: 24rpx;
		right: 20rpx;
		justify-content: center;
		align-items: center;
		font-weight: 400;
		font-size: 20rpx;
		color: #FFFFFF;
		line-height: 35rpx;
	  
	}
	
	.movable-area {
		height: 100vh;
		width: 750rpx;
		top: 0;
		position: fixed;
		pointer-events: none;		//此处要加，鼠标事件可以渗透
		.movable-view {
			width: $all_width;
			height: $all_height;
			pointer-events: auto;	//恢复鼠标事件
			image {
				width: $all_width;
				height: $all_height;
			}
		}
	}
</style>
